<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="format-detection" content="telephone=no, address=no, email=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<title>登录</title>
		<link rel="stylesheet" href="css/mui.min.css" type="text/css" charset="utf-8" />
		<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
		<style>
			.mui-content,
			.mui-input-group,
			.mui-input-group .mui-input-row:after {
				background: none;
			}
			
			.mui-input-group .mui-input-row {
				background: #fff;
				border: 0.01rem solid #ddd;
				color: #999;
				height: 0.88rem;
				margin-bottom: 0.14rem;
				border-radius: 3px;
				padding: 0.15rem 0;
			}
			
			.mui-input-row label {
				width: 28%;
				line-height: 0.55rem;
				height: 0.55rem;
				padding: 0px;
				text-align: center;
				border-right: 1px solid #ddd;
			}
			
			.mui-input-row label~input {
				width: 72%;
				line-height: 0.55rem;
				height: 0.55rem;
				padding: 0 0.15rem;
			}
			
			.mui-input-row label {
				text-align: left;
				padding-left: 0.23rem;
			}
			
			input[type=text],
			input[type=password] {
				height: 0.55rem;
			}
			
			.mui-input-row .mui-input-password~.mui-icon-eye {
				top: 0.2rem;
				height: 0.55rem;
			}
			
			#forgetPassword {
				float: right;
				margin-top: 0.31rem;
				transform: scale(1, 1);
				-webkit-transform: scale(1, 1);
				-moz-transform: scale(1, 1);
			}
			
			.ease {
				transform: translate(0%, 0%);
				-webkit-transform: translate(0%, 0%);
				-moz-transform: translate(0%, 0%);
			}
			
			.ease-out {
				transform: translate(200%, 0%);
				-webkit-transform: translate(200%, 0%);
				-moz-transform: translate(200%, 0%);
			}
			
			.ease-in {
				transform: translate(-200%, 0%);
				-webkit-transform: translate(-200%, 0%);
				-moz-transform: translate(-200%, 0%);
			}
			
			#show-group-form,
			#group-form {
				position: fixed;
				top: 0px;
				width: 93.6%;
				top: 1.6rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">添加渠道</h1>
		</header>
		<div class="mui-content" style="padding-left:3.2%;padding-right:3.2%">
			<form class="mui-input-group group-form ease transition" id="group-form">
				<div class="mui-input-row" style="background:none;">
					<label>手机号</label>
					<input type="text" class="mui-input-clear" id="account" value="请填写手机号">
				</div>

				<div id="message" style="color:#f00" class="none transition">
					<label>用户名或者密码错误</label>
				</div>

				<div class="mui-button-row" style="margin-top:0.5rem">
					<button type="button" class="mui-btn mui-btn-primary mui-btn-full" id="nextStep" style="height:44px;background:#f1c40f;color:#fff;border-color:#f1c40f">下一步</button>
				</div>

			</form>
		</div>

	</body>
	<script src="js/resize.js"></script>
	<script src="js/mui.min.js"></script>
	<script src="js/app.js"></script>
	<script type="text/javascript" src="js/update.js"></script>
	<script>
		(function($, doc) {
			$.plusReady(function() {
				var jxsInfoRegisterAbleButton=document.getElementById("jxsInfoRegisterAble");
				mui.init({
					preloadPages: [{
						url: 'jxsInfoRegisterAble.html',
						id: 'jxsInfoRegisterAble',
						styles: {}, //窗口参数
						extras: {}, //自定义扩展参数
						subpages: [{}, {}] //预加载页面的子页面
					},{
						url: 'jxsInfoRegisterEnable.html',
						id: 'jxsInfoRegisterEnable',
						styles: {}, //窗口参数
						extras: {}, //自定义扩展参数
						subpages: [{}, {}] //预加载页面的子页面
					}],
					preloadLimit: 5 //预加载窗口数量限制(一旦超出,先进先出)默认不限制
				});
				
				
				//		console.log(mainPage);
				var toPage = function(pageId) {
					var mainPage = plus.webview.getWebviewById('jxsInfoRegister');
					//使用定时器的原因：
					//可能执行太快，main页面loaded事件尚未触发就执行自定义事件，此时必然会失败
					var id = setInterval(function() {
						clearInterval(id);
						mui.fire(mainPage, 'show', null);
						mainPage.show("pop-in");
					}, 20);
				};

				/*下一步*/
				jxsInfoRegisterAbleButton.addEventListener('tap', function() {
					/*判断手机号是否存在，如果在ID就是jxsInfoRegisterEnable ,否则id就是jxsInfoRegisterAble*/
					toPage('jxsInfoRegisterAble');
				})
			})
		}(mui, document))
	</script>

</html>